<template>
	<view class="content">
		
		<view id='contentView'>
		老师管理
		</view>
		
		
	
		<view id='buttomNavigation' >
		
		<!-- 这是学生专用的界面 -->
			<view class="nav"  @click="()=>{clickNavi('打卡')}" >打卡</view>|
			<view class="nav"  @click="()=>{clickNavi('个人信息')}" >个人信息</view>|
			
			<!-- 这是老师的页面 -->
			<view class="nav" @click="()=>{clickNavi('创建课程')}" >创建课程</view>|
			<view class="nav" @click="()=>{clickNavi('管理学生打卡')}" >管理学生</view>|
			<view class="nav" @click="()=>{clickNavi('个人信息')}" >个人信息</view>|
			
			
			<!--这是管理员的页面 -->
			<view class="nav" @click="()=>{clickNavi('导入教师')}" >导入教师</view>|
			<view class="nav" @click="()=>{clickNavi('创建课程')}" >创建课程</view>|
			<view class="nav" @click="()=>{clickNavi('个人信息')}" >个人信息</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
           // 这里应该是尝试拉取数据的地方
		   console.log("当前尝试拉取数据");



		},
		methods: {
             clickNavi(e){
				 
				 console.log('查看当前点击事件',e);
				 
				 if(e=='个人信息'){
					 
					 uni.switchTab({
					 	url: 'userInfo'
					 });
					 
					 
				 }else if(e=''){
					 
				 }else if(e=''){
					 
				 }else if(e=''){
					 
				 }else if(e=''){
					 
				 }else if(e=''){
					 
				 }else if(e=''){
					 
				 }
				 
				 
			 }
			 
			 
		}
	}
</script>

<style>
.content {
	/* 这是指定布局为flex */
	display: flex;  
	/* 这是指定布局排列方式 */
	flex-direction: column;

	min-height: 99vh;/*100vh == height:100%,元素撑开与屏幕等高*/
}

#contentView{
	flex: 1;
}

#buttomNavigation{
    width: 100%;
    height: 30px;
    border: 1px solid black;
    display: flex;
    flex-direction: row;
    display: flex;
}

 .nav{
    flex:1;/*等分*/
    border: 1px solid red;
	font-size:14px;
  }

</style>
